<template>
  <div class="car-detail">
    <div class="car-detail-box">
      <div class="car-detail-box-title"  v-for="(ele,i) in title" :key="i" :class="i!=(title.length-1)?'canClick':''" >
        <span>{{ele}} {{i!=title.length-1?">":""}}</span>
    </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
    title: Array,
    data:Object
  },
  mounted() {
    console.log(this.data);
  },
};
</script>

<style lang='scss' scoped>
.car-detail {
  &-box {
    display: flex;
    .canClick{
      color: #006AB4;
    }
    &-title{
      cursor: pointer;
      padding: 15px 10px;
    }
  }
}
</style>